<script setup>
  import axios from 'axios';
  import { ref,onMounted } from 'vue'
  import zhuanPan from './zhuanPan.vue'
  import kaQuan from './kaQuan.vue'
  import shiPing from './shiPing.vue'
  const query = new URLSearchParams(window.location.search);
  const code = query.get('code');
  const state = query.get('state');
  const sArr = state.split("@");
  const activity_id = sArr[0];
  const mode = Number(sArr[1]);
  window.activity_id=activity_id;
  window.mode=mode;
  window.code=code;
  const type =ref(mode);
  onMounted(async ()=>{
    // alert(code);
    // console.log("code>>"+code);
    // const { data } = await axios.get("/api/gk_get_access_token",{
    //   params:{
    //     code:code,
    //     activity_id:activity_id,
    //     mode:mode,
    //   }
    // })
    // alert(JSON.stringify(data.data));
    // const timestamp = String(parseInt(Date.now() / 1000)); // 类型为 String
    // const nonceStr = 'Wm3WZYTPz0wzccnW'; // 生成签名用的随机字符串
    // const url = location.href;
    // const { data } = await axios.get("/api/get_signature/",{
    //   params: {
    //     nonce_str:nonceStr,
    //     timestamp:timestamp,
    //     url:url
    //   }
    // })
    // client_key=data.data.client_key;
    // sdk.config({
    //   params: {
    //     client_key: data.data.client_key, // clientKey在你的网页应用申请通过后得到
    //     signature: data.data.signature, // 服务端计算的签名，该签名被抖音开放平台验证通过后方可调用jsb方法
    //     timestamp, // 时间戳
    //     nonce_str: nonceStr,
    //     url, // 为应用申请的 JSB 安全域名下的链接，需要携带协议。e.g. https://jsb.security.domain/page.html
    //   },
    // });
    // sdk.ready(() => {
    //   //alert("签名成功了")
    //   sdkFlag=true;
    // })
    // sdk.error((res) => {
    //   // Config error回调
    //   //alert("签名失败了，"+JSON.stringify(res));
    //   sdkFlag=false;
    // });
  })
</script>

<template>
  <div class="baseBgPan" >
    <kaQuan v-if="type===1" />
    <zhuanPan v-if="type===2" />
    <shiPing v-if="type===3" />
  </div>
</template>

<style lang="less" scoped>
.baseBgPan{
    background: url(./assets/zhuanBg.png);
    background-size: 100% 100vh;
    background-color: #FF1641;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 100vh;
}
</style>
